<template>
  <div class="os-elements">
    <!-- <pre v-highlight>
        <code class="lang-javascript">
            {{
              `
              // 测试一下
              var aa = "dhdhd";
              `
            }}
        </code>
    </pre> -->
    <!-- <highlightjs autodetect
                 :code="'var x = 5;'" /> -->
    <!-- <highlightjs language='javascript'
                 code="var x = 5;" /> -->
    <router-view v-slot="{ Component }">
      <transition name="zoom"
                  mode="out-in">
        <component :is="Component" />
      </transition>
    </router-view>
  </div>
</template>
<script lang="ts">
  import { defineComponent } from 'vue'

  export default defineComponent({
    name: 'elements',
    setup() {},
  })
</script>
<style lang="scss" scoped>
  @import '@/assets/styles/transitions/zoom/zoom.scss';
</style>
